<!DOCTYPE html>
<html>
<head>
<title>::: 골프인 :::</title>
<meta charset="utf-8" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta http-equiv=Cache-Control content=No-Cache>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if IE 6]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script type="text/javascript" src="../js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('.png_bg, .footer, footer, .t_over, img');</script>
<![endif]-->
<!-- 여기 위치에 두 스크립트 추가 부탁드립니다. -->
<script type="text/javascript" src="/js/preload.js"></script>
<script type="text/javascript" src="js/day_reserve.js"></script>
</head>

<body id="wrap">
	<div id="msg"></div>
<header>
	<div id="top_cont">
		<div class="top_tit">
				<h4><img src="../images/title/title_02_04.png" alt="실시간예약" /></h4>
				<p class="top_txt"> 전국의 모든 골프방의 부킹예약을 할 수 있는 통합 부킹 시스템입니다. </p>
			</div>
	</div><!--//  id="top_cont" 끝-->	
</header>

<div id="container">
	<!--좌측 컨텐츠-->
	<div id="left_area"></div>
	<!--메인 컨텐츠-->
	<section id="main_content">
		<h5><img src="../images/title/title_02_04_1.gif" alt="실시간부킹예약" /></h5>

		<!--현재 진행현황-->
		<dl class="now_state">
			<dt>현재 진행 현황</dt>
			<dd>
				<p>2012. 03. 03</p>
				<p>SKY72 하늘코스</p>
				<p>12:30</p>
				<p>4인 1팀  </p>
			</dd>
		</dl><!--//   class="now_state" 끝-->

		<!--선택 폼-->
		<div class="reserve_cho">
			<label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();">전체</label>
			<label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();">평일</label>
			<label><input type="radio" name="radio" id="radio" value="radio" onFocus="blur();">주말</label>
		</div>

		<!--선택 tab menu-->
		<ul class="reserve_gnb">
			<li class="gnb_on"><a href="day_reserve.html">날짜로 보기</a></li><!--menu 인식 style 부분-->
			<li><a href="golf_reserve.html">골프장으로 보기</a></li>
			<li><a href="time_reserve.html">시간대로 보기</a></li>
		</ul>

		<!--달력-->
		<dl class="reserve_calendar">
			<dt>
				<p class="c_bt_p"><a nohref="#">prev</a></p>
				<p>2012. 04</p>
				<p class="c_bt_n"><a nohref="#">next</a></p>
			</dt>
			<dd>
				<p class="td_prev"><a nohref="#">prev</a><p>
				<p class="td_next"><a nohref="#">next</a><p>
				<table>
					<tbody>
						<tr>
							<td><span>목</span>  <span>5</span></td>
							<td><span>금</span>  <span>6</span></td>
							<td class="saturday"><span>토</span>  <span>7</span></td><!--토요일 일때 style 부분-->
							<td class="holiday"><span>일</span>  <span>8</span></td><!--일요일/공휴일 일때 style 부분-->
							<td><span>월</span>  <span>9</span></td>
							<td class="d_over"><span>화</span>  <span>10</span></td><!--요일선택시  style 부분-->
							<td><span>수</span>  <span>11</span></td>
							<td><span>목</span>  <span>12</span></td>
							<td><span>금</span>  <span>13</span></td>
							<td class="saturday"><span>토</span>  <span>14</span></td><!--토요일 일때 style 부분-->
							<td class="holiday"><span>일</span>  <span>15</span></td><!--일요일/공휴일 일때 style 부분-->
							<td><span>월</span>  <span>16</span></td>
							<td><span>화</span>  <span>17</span></td>
							<td><span>수</span>  <span>18</span></td>
							<td><span>목</span>  <span>19</span></td>
							<td><span>금</span>  <span>20</span></td>
							<td class="saturday"><span>토</span>  <span>21</span></td><!--토요일 일때 style 부분-->
							<td class="holiday"><span>일</span>  <span>22</span></td><!--일요일/공휴일 일때 style 부분-->
						</tr>
					</tbody>
				</table>
			</dd>
		</dl><!--//  class="reserve_calendar" 끝-->
		
		<!--골프장 선택-->
		<ul class="reserve_course">
			<li><span class="course_name">골프장명01</span>  <span>오션코스명01</span></li>
			<li class="c_over"><span class="course_name">골프장명02</span>  <span>오션코스명02</span></li><!--골프장 선택시  style 부분-->
			<li><span class="course_name">골프장명03</span>  <span>오션코스명03</span></li>
			<li><span class="course_name">골프장명04</span>  <span>오션코스명04</span></li>
			<li><span class="course_name">골프장명05</span>  <span>오션코스명05</span></li>
		</ul><!--//  class="reserve_course" 끝-->
		
		<!--골프장 정보-->
		<dl class="reserve_course_info">
			<dt>
				<span class="info_open">골프장 정보 보기</span >
				<!--span class="info_close">골프장 정보 닫기</span-->
			</dt>
			<dd style="display:none;">
				<ul class="co_info_tab">
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
					<li><img src="../images/board/default_35_65.gif" alt=""  width="35"  height="65"/></li>
				</ul>

				<!--이미지  width 값이 675px 넘지 않도록 합니다. -->
				<img src="../images/board/del.gif" alt="" /><br/>
				골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 골프장 정보가 노출됩니다. 
			</dd>
		</dl><!--//  class="reserve_course_info" 끝-->

		<!--선택전에 보여주는 메세지-->
		<p class="reserve_no_mess01">골프장을 선택하시면 해당 골프장의 예약이 가능한 시간대가 표시됩니다. </p>

		<!--시간 list-->
		<div class="reserve_time_list">
			<p class="t_over" style="position:absolute; top:0px; left:0px; display:none;">top: 32px 씩 이동하면 됩니다~!</p>
			<!--죄측 시간표-->
			<div class="ta_float">
				<p class="t_over" style="position:absolute; top:0px; left:0; display:none;">top: 32px 씩 이동하면 됩니다~!</p>
				<table>
					<colgroup>
						<col width="25%" /><col width="14%" /><col width="*" /><col width="8%" /><col width="25%" />
					</colgroup>
					<tbody>
						<tr style="cursor:pointer">
							<th>11:00</th>
							<td><span class="ico"><img src="../images/btn/icon_in.gif" alt="in"></span> </td>
							<td>하늘코스</td>
							<td> 
								<div class="div_pos">
									<img src="../images/btn/icon_star.gif" alt="☆">
									<!--  오버시 보여주는event 레이어 영역-->
									<div class="event_layer" style="display:none;">
										<p class="event_layer_top"></p>
										<div class="event_layer_area">
											<div class="event_layer_cont">
												<p class="event_tit">[ 이벤트 ]</p>
												식사할인 50% <br/>카트할일 70%
											</div>
										</div>
									</div><!--//   class="event_layer" 끝-->	
								</div><!--//   class="div_pos"  끝-->	
							</td>
							<td class="td_r">\210,000</td>
						</tr>
					</tbody>
				</table>
			</div><!--//  class="ta_float" 끝-->	

			<!--가운데 시간표-->
			<div class="ta_float">
				<p class="t_over" style="position:absolute; top:224px; left:0; display:none;">top: 32px 씩 이동하면 됩니다~!</p>
				<table>
					<colgroup>
						<col width="25%" /><col width="14%" /><col width="*" /><col width="8%" /><col width="25%" />
					</colgroup>
					<tbody>
						<tr>
							<th>12:00</th>
							<td><span class="ico"><img src="../images/btn/icon_in.gif" alt="in"></span> </td>
							<td>하늘코스</td>
							<td> 
								<div class="div_pos">
									<img src="../images/btn/icon_star.gif" alt="☆">
									<!--  오버시 보여주는event 레이어 영역-->
									<div class="event_layer" >
										<p class="event_layer_top"></p>
										<div class="event_layer_area">
											<div class="event_layer_cont">
												<p class="event_tit">[ 이벤트 ]</p>
												식사할인 50% <br/>카트할일 70%
											</div>
										</div>
									</div><!--//   class="event_layer" 끝-->	
								</div><!--//   class="div_pos"  끝-->	
							</td>
							<td class="td_r">\210,000</td>
						</tr>
					</tbody>
				</table>
			</div><!--//  class="ta_float" 끝-->

			<!--우측 시간표-->
			<div class="ta_float">
				<p class="t_over" style="position:absolute; top:160px; left:0; display:none;">top: 32px 씩 이동하면 됩니다~!</p>
				<table>
					<colgroup>
						<col width="25%" /><col width="14%" /><col width="*" /><col width="8%" /><col width="25%" />
					</colgroup>
					<tbody>
						<tr>
							<th>13:00</th>
							<td><span class="ico"><img src="../images/btn/icon_in.gif" alt="in"></span> </td>
							<td>하늘코스</td>
							<td> 
								<div class="div_pos">
									<img src="../images/btn/icon_star.gif" alt="☆">
									<!--  오버시 보여주는event 레이어 영역-->
									<div class="event_layer" >
										<p class="event_layer_top"></p>
										<div class="event_layer_area">
											<div class="event_layer_cont">
												<p class="event_tit">[ 이벤트 ]</p>
												식사할인 50% <br/>카트할일 70%
											</div>
										</div>
									</div><!--//   class="event_layer" 끝-->	
								</div><!--//   class="div_pos"  끝-->	
							</td>
							<td class="td_r">\210,000</td>
						</tr>
					</tbody>
				</table>
			</div><!--//  class="ta_float" 끝-->
		</div><!--//  class="reserve_time_list" 끝-->
		
		<!--시간 선택-->
		<div class="reserve_time">
			<p class="t_over" style="position:absolute; top:21px; left:0px;">left: 41px 씩 이동하면 됩니다~!</p>
			<table>
				<thead>
					<tr>
						<th colspan="8">오전</th>
						<th colspan="9">오후</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>04</td>
						<td>05</td>
						<td>06</td>
						<td>07</td>
						<td>08</td>
						<td>09</td>
						<td>10</td>
						<td>11</td>
						<td>12</td>
						<td>13</td>
						<td>14</td>
						<td>15</td>
						<td>16</td>
						<td>17</td>
						<td>18</td>
						<td>19</td>
						<td>20</td>
					</tr>
				</tbody>
			</table>
		</div><!--//  class="reserve_time" 끝-->
		
		<p class="reserve_no_mess02">시간을 선택하신 후 인원선택이 가능합니다.</p>

		<!--team 선택-->
		<ul class="reserve_team">
			<li>2인 1팀</li><!--팀 선택시  style class=t_over 부분-->
			<li>3인 1팀</li>
			<li>4인 1팀</li>
		</ul><!--//  class="reserve_team" 끝-->

		<!--btn-->
		<p class="btn_center"><a href="#"><img src="../images/btn/btn_reserve.gif" alt="예약하기" /></a></p>

	</section><!--//   id="main_content" 끝-->	
</div><!--//   id="container" 끝-->	

<footer></footer>
</body>
</html>
